
	.class-content {
		flex: 1;
		padding: 8px;
		margin-bottom: 10px;
		.class-content-box {
			border: 1px solid #ddd;
			border-radius: 8px;
			margin-bottom: 10px;
			.content-title {
				font-size: 14px;
				font-weight: 600;
				margin: 8px;
				letter-spacing: 1px;
			}
			.content-username {
				margin-left: 8px;
				margin-bottom: 4px;
			}
			.content-address {
				margin-left: 8px;
				margin-bottom: 4px;
			}
			.content-date {
				margin-left: 8px;
				margin-bottom: 4px;
			}
			.content-hot {
				margin-left: 8px;
				margin-bottom: 4px;
			}
			.content-tag {
				margin-left: 8px;
				margin-bottom: 4px;
			}
			.content-imgbox {
				display: flex;
				flex-wrap: wrap;
				img {
					margin-left: 8px;
					margin-bottom: 8px;
					width: 100px;
					height: 100px;
					border-radius: 10px;
				}
			}
			.content-content {
				margin-left: 8px;
				margin-bottom: 4px;
				font-size: 16px;
				letter-spacing: 1px;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
			}
			.content-footer {
				display: flex;
				justify-content: space-between;
				margin: 0 8px;
				margin-top: 8px;
				margin-bottom: 4px;
				font-size: 14px;
			}
		}
	}

